<!DOCTYPE html>
<html class="no-js" lang="en">
	<head>
		<meta charset="utf-8" />
		<title>网站首页</title>
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- Favicons -->
		<link rel="shortcut icon" href="assets/img/favicon.png" />

		<!-- All CSS Here-->
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<!-- Fontawesome -->
		<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
		<!-- Mobile menu -->
		<link rel="stylesheet" href="assets/css/meanmenu.css" />
		<!-- Owl-carousel -->
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
		<!-- slick slider -->
		<link rel="stylesheet" href="assets/css/slick.css" />
		<!-- wow css -->
		<link rel="stylesheet" href="assets/css/animateit.css" />
		<!-- fancybox -->
		<link rel="stylesheet" href="assets/css/fancybox.min.css" />
		<!-- Main css -->
		<link rel="stylesheet" href="assets/css/default.css" />
		<link rel="stylesheet" href="assets/css/style.css" />
		<!-- Responsive css -->
		<link rel="stylesheet" href="assets/css/responsive.css" />
	</head>

	<body>
		<!--[if lte IE 9]>
			<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
		<![endif]-->

		<!--********************************
    ***** Code Start From Here *****
    ******************************** -->

		<div class="preloader"></div>

		<!-- Settings -->
		<div class="theme_settings">
			<button type="button" id="settings_toggler">
				<i class="fas fa-cog"></i>
			</button>
			<h3>Themes settings</h3>

			<h5>Primary Colors</h5>
			<div class="setting_colors">
				<button data-color="#0284c7" class="prime_1 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#4f46e5" class="prime_2 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1abc9c" class="prime_3 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#F79F1F" class="prime_4 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>

			<h5>Secondary Colors</h5>
			<div class="setting_colors">
				<button data-color="#18181b" class="second_1 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1e293b" class="second_2 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#374151" class="second_3 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#44403c" class="second_4 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>
		</div>

		<!-- back to top -->
		<button id="back-to-top" class="back-to-top-hide">
			<i class="fas fa-arrow-up"></i>
		</button>

		<!-- Header area started -->
		<header>
			<div class="container">
				<div class="row">
					<!-- header logo -->
					<div class="col-md-2">
						<div class="header-logo">
							<h1>
								<a href="index.html">unique<span>g</span></a>
							</h1>
						</div>
					</div>
					<!-- navbar -->
					<div class="col-md-10 col-lg-9 col-xl-8 offset-xl-2 offset-lg-1 offset-0 d-none d-md-block">
						<nav>
							<ul>
								<li><a class="link-hover" href="index.html">网站首页</a></li>
								<li><a class="link-hover" href="about.html">关于我们</a></li>
								<li class="with-submenu">
									<a class="link-hover" href="#">业务范围</a>
									<ul class="sub-menu">
										<li><a href="service.html">案例展示</a></li>
										<li><a href="blog.html">主要合作方</a></li>
										<li><a href="single-portfolio.html">新闻中心</a></li>
										<li><a href="about.html">关于我们</a></li>
									</ul>
								</li>
								<li><a class="link-hover" href="portfolio.html">新闻中心</a></li>
								<li><a class="link-hover" href="contact.html">联系我们</a></li>
<!--								<li class="round-border cart">-->
<!--									<a href="#"><i class="fa fa-briefcase"></i><span>2</span></a>-->
<!--									&lt;!&ndash; cart wrapper &ndash;&gt;-->
<!--									<div class="cart-wrapper">-->
<!--										<h3>SHOPPING CART</h3>-->
<!--										&lt;!&ndash; single cart &ndash;&gt;-->
<!--										<div class="single-cart d-flex">-->
<!--											<div class="cart-img">-->
<!--												<img src="assets/img/header/cart/single-cart-2.jpg" alt="" />-->
<!--											</div>-->
<!--											<div class="cart-content">-->
<!--												<h6>How to become a Web Developer</h6>-->
<!--												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>-->
<!--												<button class="cart-del-btn">x Delete</button>-->
<!--											</div>-->
<!--										</div>-->
<!--										&lt;!&ndash; single cart end &ndash;&gt;-->
<!--										&lt;!&ndash; single cart &ndash;&gt;-->
<!--										<div class="single-cart d-flex">-->
<!--											<div class="cart-img">-->
<!--												<img src="assets/img/header/cart/single-cart-1.jpg" alt="" />-->
<!--											</div>-->
<!--											<div class="cart-content">-->
<!--												<h6>How to become a UI Designer</h6>-->
<!--												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>-->
<!--												<button class="cart-del-btn">x Delete</button>-->
<!--											</div>-->
<!--										</div>-->
<!--										&lt;!&ndash; single cart end &ndash;&gt;-->
<!--										&lt;!&ndash; cart footer &ndash;&gt;-->
<!--										<div class="cart-footer">-->
<!--											<a href="#" class="cart-footer-btn checkout">checkout</a>-->
<!--											<a href="#" class="cart-footer-btn view-cart">view-cart</a>-->
<!--											<a href="#" class="cart-footer-btn add-item">add-item</a>-->
<!--										</div>-->
<!--									</div>-->
<!--								</li>-->
								<li class="round-border">
									<a href="#"><i class="fas fa-search"></i></a>
									<div class="search-box">
										<form>
											<input type="text" placeholder="站内搜索" />
											<button type="submit"><i class="fas fa-search"></i></button>
										</form>
									</div>
								</li>
<!--								<li class="lang-select">-->
<!--									<a href="#">EN</a>-->
<!--									<ul class="sub-lang">-->
<!--										<li><a href="#">FR</a></li>-->
<!--										<li><a href="#">BN</a></li>-->
<!--									</ul>-->
<!--								</li>-->
							</ul>
						</nav>
					</div>
				</div>
				<!-- mobile menu -->
				<div class="sidebar-icon d-block d-md-none">
					<a href="#" id="open-sidebar"><img src="assets/img/header/mobile-menu-bar.png" alt="" /></a>
				</div>
			</div>
		</header>
		<!-- header area end -->

		<!-- Mobile view sidebar area -->
		<div class="sidebar d-block d-md-none">
			<!-- close icon -->

			<!-- search box -->
			<div class="sidebar-search-box d-flex justify-content-between align-items-center mb-50">
				<div class="sidebar-close">
					<a href="#" id="close-sidebar"><i class="fa fa-plus"></i></a>
				</div>
				<form>
					<input type="text" />
					<button type="submit"><i class="fas fa-search"></i></button>
				</form>
			</div>
			<!-- search box enc -->

			<!-- sideber menu -->
			<div class="sidebar-menu mb-30">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About Us</a></li>
					<li>
						<a class="with-side-sub">Pages <i class="fas fa-sort-down"></i></a>
						<ul class="sidebar-sub-menu">
							<li><a href="#">Services</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="single-portfolio.html">Portfolio</a></li>
							<li><a href="about.html">About</a></li>
						</ul>
					</li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>

			<!-- sidebar populer tag -->
			<div class="sidebar-tag">
				<h6 class="sidebar-tag-title">popular tag</h6>
				<a href="#">#creative</a>
				<a href="#">#wordpress theme</a>
				<a href="#">#website design</a>
				<a href="#">#html 5</a>
				<a href="#">#multi-purpose</a>
				<a href="#">#template</a>
			</div>
		</div>
		<!-- sidebar area end -->

		<!-- slider area -->
		<section class="slider-area">
			<div class="slider-active">
				<!-- single slider -->
				<div class="single-slider">
					<div class="container">
						<div class="row">
							<div class="col-12 text-center">
								<div class="slider-title">
									<h2>Grow Your Business</h2>
									<h1>Creative Design Agency</h1>
								</div>
								<!-- subscribe box -->
								<div class="subscribe-box">
									<p>Check our easy design process and actions</p>
									<form>
										<input type="email" placeholder="E-Mail addresss" />
										<button type="submit">Get Started</button>
									</form>
									<p class="note-text">We do not spam or send advertising e-mails</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- single slider-end -->
				<!-- single slider -->
				<div class="single-slider">
					<div class="container">
						<div class="row">
							<div class="col-12 text-center">
								<div class="slider-title">
									<h2>We Provide</h2>
									<h1>Creative Design Ideas</h1>
								</div>
								<div class="hire-us-btn">
									<h4 class="d-none d-lg-inline-block">Creative, Powerfull, Eye-catching</h4>
									<a href="#" class="hire-us">Hire Us</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- single slider-end -->
			</div>
		</section>
		<!-- slider area end -->

		<!-- about area -->
		<section class="about-area pb-65">
			<div class="container">
				<div class="row">
					<!-- about wrapepr -->
					<div class="col-12">
						<div class="about-wrapper">
							<div class="row">
								<!-- single about wrapper -->
								<div class="col-lg-4 text-center">
									<div class="single-about">
										<div class="about-img">
											<img src="assets/img/about/about-img-1.png" alt="" />
										</div>
										<div class="about-content">
											<h6>We are creators</h6>
											<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.</p>
										</div>
									</div>
								</div>
								<!-- single about end -->
								<!-- single about wrapper -->
								<div class="col-lg-4 text-center">
									<div class="single-about">
										<div class="about-img">
											<img src="assets/img/about/about-img-2.png" alt="" />
										</div>
										<div class="about-content">
											<h6>We think big</h6>
											<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.</p>
										</div>
									</div>
								</div>
								<!-- single about end -->
								<!-- single about wrapper -->
								<div class="col-lg-4 text-center">
									<div class="single-about">
										<div class="about-img">
											<img src="assets/img/about/about-img-3.png" alt="" />
										</div>
										<div class="about-content">
											<h6>We are organized</h6>
											<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.</p>
										</div>
									</div>
								</div>
								<!-- single about end -->
							</div>
						</div>
						<!-- about wrapper end -->
					</div>
				</div>
			</div>
		</section>
		<!-- aobut area end -->

		<!-- video area -->
		<section class="video-area pt-65 pb-30">
			<div class="container">
				<div class="row">
					<!-- video text -->
					<div class="col-lg-6 mb-30">
						<div class="video-text animate-it-left">
							<p>what we do</p>
							<h2>
								We create amazing <br />
								design with passion
							</h2>
							<div class="happy-client-box">
								<p>“ Helping small and big companies to grow their business with a modern design. ”</p>
								<div class="happy-client-footer d-flex">
									<p class="client-amount">1.153</p>
									<p>
										happy clients & <br />
										satisfied customers
									</p>
									<a href="#" class="haapy-client-play"><i class="fas fa-play"></i></a>
								</div>
							</div>
						</div>
					</div>
					<!-- video text end -->
					<!-- video iframe area -->
					<div class="col-lg-6 mb-30">
						<div class="video-wrapper animate-it-right">
							<iframe src="#" sandbox="" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
						</div>
					</div>
					<!-- video iframe end -->
				</div>
			</div>
		</section>
		<!-- video area end -->

		<!-- counter area -->
		<section class="counter-area pt-65 pb-30">
			<div class="container">
				<!-- section title -->
				<div class="row">
					<div class="col-12 text-center">
						<div class="section-title animate-it-down">
							<h6>simple statistics</h6>
						</div>
					</div>
				</div>

				<div class="row">
					<!-- single counter -->
					<div class="col-md-3 text-center">
						<div class="single-counter animate-it-left">
							<div class="counter-amount">
								<p><span class="counter">1.300</span>+</p>
							</div>
							<div class="counter-text">
								<p>satisfied customers</p>
							</div>
						</div>
					</div>
					<!-- single counter end -->
					<!-- single counter -->
					<div class="col-md-3 text-center">
						<div class="single-counter animate-it-up">
							<div class="counter-amount">
								<p><span class="counter">3.242</span></p>
							</div>
							<div class="counter-text">
								<p>created designs assets</p>
							</div>
						</div>
					</div>
					<!-- single counter end -->
					<!-- single counter -->
					<div class="col-md-3 text-center">
						<div class="single-counter animate-it-down">
							<div class="counter-amount">
								<p><span class="counter">12</span>M</p>
							</div>
							<div class="counter-text">
								<p>lines of code</p>
							</div>
						</div>
					</div>
					<!-- single counter end -->
					<!-- single counter -->
					<div class="col-md-3 text-center">
						<div class="single-counter no-border animate-it-right">
							<div class="counter-amount">
								<p><span class="counter">284</span>+</p>
							</div>
							<div class="counter-text">
								<p>built websites</p>
							</div>
						</div>
					</div>
					<!-- single counter end -->
				</div>
			</div>
		</section>
		<!-- counter area end -->

		<!-- work area -->
		<section class="work-area pt-80 pb-60">
			<div class="work-area-bg"></div>
			<div class="container">
				<!-- work text -->
				<div class="row">
					<div class="col-md-6">
						<div class="work-left animate-it-left">
							<h6>our works</h6>
							<h4>
								See the companies <br />
								that growed with us
							</h4>
							<!-- portfolio menu -->
							<div class="row">
								<div class="col-md-12">
									<div class="portfolio-menu">
										<button class="active" data-filter="*">ALL</button>
										<button data-filter=".cat-2">WEBDESIGN</button>
										<button data-filter=".cat-3">TYPO</button>
										<button data-filter=".cat-4">BRANDING</button>
										<button data-filter=".cat-5">DEVELOPEMENT</button>
									</div>
								</div>
							</div>
							<!-- portfolio menu end -->
						</div>
					</div>
					<div class="col-md-6">
						<div class="work-right animate-it-right">
							<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
						</div>
					</div>
				</div>
				<!-- work text end -->
				<!-- work image -->
				<div class="row portfolio-active mb-30 animate-it-up">
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-1 cat-5">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-1.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-1.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-1 cat-5 cat-3">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-2.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-2.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-1 cat-2 cat-4">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-3.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-3.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-5">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-4.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-4.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-3 cat-2">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-5.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-5.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
					<!-- single portfolio img -->
					<div class="col-md-6 grid-item cat-2">
						<div data-fancybox="gallery" data-src="assets/img/work/work-img-6.jpg" class="portfolio-img mb-30">
							<img src="assets/img/work/work-img-6.jpg" alt="" />
							<div class="hover-content">
								<a href="#"><i class="fa fa-search"></i></a>
							</div>
						</div>
					</div>
					<!-- single portfolio img end -->
				</div>
				<!-- work image end -->
				<!-- read more btn -->
				<div class="row">
					<div class="col-12 text-center">
						<a href="#" class="load-more-btn">Load More</a>
					</div>
				</div>
			</div>
		</section>
		<!-- work area end -->

		<!-- testimonial area -->
		<section class="testimonial-area pt-65 pb-85">
			<div class="container">
				<!-- section title -->
				<div class="row">
					<div class="col-12 text-center">
						<div class="section-title animate-it-up">
							<h6>client testimonials</h6>
							<h3>What our clients say</h3>
						</div>
					</div>
				</div>

				<div class="row testimonial-slider-active animate-it-left">
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-1.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Alexandra Jones</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-2.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>David Malan</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-3.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Joe Root</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
					<!-- single testimonial  -->
					<div class="col-md-4">
						<div class="single-testimonial">
							<div class="qouat-icon">
								<img src="assets/img/work/quoat-icon.png" alt="" />
							</div>
							<p>“Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua.”</p>
							<!-- testimonial shap -->
							<div class="testimonial-img">
								<div class="testimonial-shape"></div>
								<img src="assets/img/testimonial/testimonial-img-4.jpg" alt="" />
							</div>
							<!-- testimonial footer -->
							<div class="testimonial-footer">
								<h6>Marcus Harris</h6>
								<p>Co-Founder of Scientec</p>
							</div>
						</div>
					</div>
					<!-- Single testimonial end -->
				</div>
			</div>
		</section>
		<!-- testimonial area end -->

		<!-- team area -->
		<section class="team-area pt-65 pb-60">
			<div class="container">
				<!-- section title -->
				<div class="section-title text-left animate-it-up">
					<h6>meet the team</h6>
					<h3>
						Amazing and talented <br />
						people work here
					</h3>
				</div>

				<div class="row animate-it-right">
					<!-- team img -->
					<div class="col-lg-12">
						<!-- team-img-slider -->
						<div class="team-slider-active">
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-1.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-2.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-3.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-4.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-5.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-6.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-7.jpg" alt="" />
							</div>
							<!-- single team img end -->
							<!-- single team img -->
							<div class="team-img">
								<img src="assets/img/team/team-img-4.jpg" alt="" />
							</div>
							<!-- single team img end -->
						</div>

						<!-- team content -->
						<div class="team-content-active text-center">
							<!-- single team content -->
							<div class="single-team-content">
								<h6>John Betlehem</h6>
								<p>Designer & Developer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>Rhici Abraham</h6>
								<p>professional Designer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>John Doe</h6>
								<p>professional Developer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="#" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>Mark Brone</h6>
								<p>SEO Expert</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>July Betlehem</h6>
								<p>Web Developer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="#" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>John Betlehem</h6>
								<p>Designer & Developer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>Axel Henry</h6>
								<p>Graphics Designer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
							<!-- single team content -->
							<div class="single-team-content">
								<h6>Alex Sanchec</h6>
								<p>Web Designer</p>
								<!-- team icon -->
								<div class="team-icon">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-google"></i></a>
									<a href="#"><i class="fab fa-instagram"></i></a>
								</div>
								<a href="single-portfolio.html" class="team-profile-view"><i class="fas fa-caret-right"></i> view profile</a>
							</div>
							<!-- single team content end -->
						</div>
					</div>
					<!-- team img end -->
				</div>
			</div>
		</section>
		<!-- team area end -->

		<!-- brand area -->
		<section class="brand-area pt-65 pb-60">
			<div class="container">
				<div class="brand-slider-active animate-it-down">
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-1.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-2.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-3.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-4.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-5.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-1.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-2.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-3.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-4.png" alt="" />
					</div>
					<!-- single brand  -->
					<div class="single-brand">
						<img src="assets/img/brand/brand-img-5.png" alt="" />
					</div>
				</div>
			</div>
		</section>

		<!-- contact us section -->
		<div class="contact_wrap mt-5">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="contact_area">
							<!-- section title -->
							<div class="section-title animate-it-down">
								<h6>Contact US</h6>
								<h4>Get in touch with us</h4>
							</div>
							<!-- end of section title -->

							<!-- contact form -->
							<form class="contact_form animate-it-up">
								<div class="row">
									<div class="col-md-6 col-lg-3">
										<label for="input_name">Name<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="enter your name" id="input_name" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="input_email">E-mail<i class="fas fa-asterisk"></i></label>
										<input type="email" placeholder="youremail@email.com" id="input_email" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="input_number">Phone<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="(00) 123456789" id="input_number" oninput="checkInput()" />
									</div>
									<div class="col-md-6 col-lg-3">
										<label for="input_subject">Subject<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="subject" id="input_subject" oninput="checkInput()" />
									</div>
								</div>
								<div class="from-row">
									<div class="col-md-12">
										<label for="input_message">Message<i class="fas fa-asterisk"></i></label>
										<input type="text" placeholder="type in your message" id="input_message" oninput="checkInput()" />
									</div>
								</div>
								<button type="submit" id="submit_btn" class="submit_btn float-sm-left float-md-right p-3" disabled>Send Message</button>
								<span id="form_notice" class="float-lg-left float-left mt-3 mb-2 w-75"></span>
							</form>
							<!-- end of contact form -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- contact us section -->

		<!-- map section -->
		<div class="map">
			<iframe src="https://www.amap.com/" sandbox="" allowfullscreen></iframe>
		</div>
		<!-- map section -->

		<!-- footer area -->
		<footer>
			<!-- footer wid area -->
			<div class="footer-wid-area pt-60 pb-50">
				<div class="container">
					<div class="row">
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid animate-it-left">
								<div class="footer-title">
									<h5>Contact Info</h5>
								</div>
								<div class="footer-info-content">
									<ul>
										<li>123 Main Street <br />New York, NY 01001</li>
										<li>support@email.com</li>
										<li>1 (800) 123 4567</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid animate-it-down">
								<div class="footer-title">
									<h5>Quicklinks</h5>
								</div>
								<div class="quick-link-wrapper">
									<ul>
										<li><a href="#">Terms and Conditions</a></li>
										<li><a href="#">Our Services</a></li>
										<li><a href="#">Privacy Policy</a></li>
										<li><a href="#">Disclaimer</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid animate-it-up">
								<div class="footer-title">
									<h5>Instagram Feed</h5>
									<div class="footer-insta-feed">
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-1.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-2.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-3.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-4.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-5.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-6.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-7.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-8.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid animate-it-right">
								<div class="footer-title">
									<h5>Connect With Us</h5>
									<div class="footer-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-pinterest-p"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
										<a href="#"><i class="fa fa-wifi"></i></a>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
					</div>
				</div>
			</div>

			<!-- footer copyright area -->
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-12 animate-it-down">
							<p>Copyright 2025 © All Rights Reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer area end -->

		<!-- Code end -->

		<!-- Jquery -->
		<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
		<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
		<!-- Bootstrap -->
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!-- Plugins -->
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/jquery.meanmenu.min.js"></script>
		<script src="assets/js/waypoints.min.js"></script>
		<script src="assets/js/jquery.counterup.min.js"></script>
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<script src="assets/js/slick.min.js"></script>
		<script src="assets/js/fancybox-umd.js"></script>
		<script src="assets/js/animateit.js"></script>
		<script src="assets/js/jquery.easypiechart.min.js"></script>
		<!-- Custom JS -->
		<script src="assets/js/main.js"></script>
		<script>
			// fancybox
			Fancybox.bind('[data-fancybox="gallery"]')
		</script>
	</body>
</html>
